<!-- 图片标签 用于引入外部的图片  -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- img标签来引入外部的图片 -->
    <!-- 自结束标签  -->
    <!-- src指定外部图片路径 -->
    <!-- 路径规则和超链接一样  -->
</head>
<body>
    <!-- img是替换元素 基于块内 行内之间  -->
    <!-- 显示的不是本身 而是引入的外部资源 -->
    <!-- 具有两种元素的特点  -->
    <!-- 描述默认不限 没有加载时才显示  -->
    <!-- 搜索引擎根据图片  根据alt属性 根据关键字和图片进行关联 -->
    <!-- 单位是像素  -->
    <!-- 高宽只修改一个 另一个等比例改变  同时改才可以  -->
    <!-- pc一般不建议修改图片大小 -->
    <!-- 需要多大就裁多大  -->
    <!-- 移动端用的比较多  -->
    <!-- 图片的格式 ...   -->
    <!-- jpg照片  可以压缩
    gif 简单透明 表示颜色单一图片 动图  复杂透明不支持
    png 颜色丰富 复杂透明 专门
    效果一样用小的 加载更快 
    不一样 用好的
    webp
    具备所有优点  还小  专业的 也支持动图
    兼容不行
    base64 进行编码
    一般都是一些需要和网页一起加载的图片才会使用base64
    将图片转换成字符 然后以字符的形式引入-->
    <!-- 有同步显示 延迟显示 -->
    <!-- 可以直接设置base64希望加载速度快 的时候用base64 -->
    <!-- 用网站 有利于加快网络速度  -->
    <img src="./img/4.gif" width="1600" height="900" alt="亚索">
    <img src="https://cn.bing.com/images/search?view=detailV2&ccid=Hg27XiRi&id=2FB7943890F10516BA020844C470BAFDA227512A&thid=OIP.Hg27XiRi6YtS_SWyQAuuNgHaEo&mediaurl=https%3a%2f%2fgss0.baidu.com%2f-vo3dSag_xI4khGko9WTAnF6hhy%2fzhidao%2fpic%2fitem%2f9922720e0cf3d7ca465bf5fcf71fbe096a63a98f.jpg&exph=563&expw=900&q=%e4%ba%9a%e7%b4%a2&simid=607990730405803661&FORM=IRPRST&ck=9345C89660CD5A728F5DA26F08274009&selectedIndex=2&ajaxhist=0&ajaxserp=0" alt="亚索">   
    width宽度 height高度 
</body>
</html>